<ion-header>
        <ion-toolbar color="light">
            <ion-buttons start >
                <button ion-button icon-only navPop>
                    <ion-icon name="arrow-back" ></ion-icon>
                </button>
            </ion-buttons>
            <ion-title>{{ 'pay.Pay' | translate }}</ion-title>
        </ion-toolbar>
    </ion-header>
    <ion-content>
        <div class="pay-content">
            <div class="card">
                <div class="service-content">
                    <!-- <p class="hc-list">Rent <span>{{_unit(form.price_unit)}} {{form.price}}</span> </p>
                    <p class="hc-list">Rent <span>{{_unit(form.price_unit)}} {{form.price}}</span> </p>
                    <div class="total">Total: <span>{{_unit(form.total_price_unit)}} {{form.total_price}}</span></div> -->
                    <div class="hc-list">
                        <p>{{ 'pay.Rent' | translate }}</p>  
                        <span>£ <font>2,350</font></span> 
                    </div>
                    <div class="hc-list">
                        <p>{{ 'pay.Deposit' | translate }}</p>  
                        <span>£ <font>2,350</font></span> 
                    </div>
                    <div class="hc-list">
                        <p>{{ 'pay.ofee' | translate }}</p>  
                        <span>£ <font>2,350</font></span> 
                    </div>
                    <div class="hc-list">
                        <p>{{ 'pay.pf' | translate }}</p>
                        <div class="type-radio-group">
                            <label class="input-radio mr" for="other_unit_1">
                                <input type="radio" id="other_unit_1" name="other_unit" value="1" >
                                <span><b></b></span>
                                <font>{{ 'pay.Once' | translate }}</font>
                            </label>
                            <label class="input-radio mr" for="other_unit_2">
                                <input type="radio" id="other_unit_2" name="other_unit" value="3" >
                                <span><b></b></span>
                                <font>{{ 'pay.Monthly' | translate }}</font>
                            </label>
                            <label class="input-radio mr" for="other_unit_3">
                                <input type="radio" id="other_unit_3" name="other_unit" value="2" >
                                <span><b></b></span>
                                <font>{{ 'pay.Weekly' | translate }}</font>
                            </label>
                        </div>
                        <span>{{ 'pay.Total' | translate }}: <font>2,350</font></span> 
                    </div>
                    
                </div>
            </div>
            <button ion-button (click)="gopay()">{{ 'pay.Proceed' | translate }}</button>
        </div>
    </ion-content>